<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>活动详情</title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/activity.css" />
	</head>

	<body>
		<!-- 头部 -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="nav-classify">
				<i class="iconfont icon-classify"></i>
			</div>
			<div class="nav-logo">
				<img src="img/index/logo.jpg" class="img-responsive" alt="" />
			</div>
			<div class="nav-search">
				<i class="iconfont icon-search-copy"></i>
			</div>
			<div class="model">
				<div class="container">
					<div class="row model-head">
						<div class="col-sm-4 model-close">
							<i class="iconfont icon-wrong2"></i>
						</div>
						<div class="col-sm-4 model-icons">
							<a href=""><i class="iconfont icon-weibo"></i></a>
							<a href=""><i class="iconfont icon-wechat"></i></a>
							<a href=""><i class="iconfont icon-baidu2"></i></a>
							<a href=""><i class="iconfont icon-camera1"></i></a>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6 col-sm-push-3 model-link">
							<div class="model-item model-about">
								<a href="index.html">About Or</a>
							</div>
							<div class="model-item model-about">
								<a href="product.html">Product</a>
							</div>
							<div class="model-item model-about">
								<a href="zoom.html">Space Inspiration</a>
							</div>
							<div class="model-item model-about">
								<a href="user.html">User Experience</a>
							</div>
							<div class="model-bot">
								<i class="iconfont icon-henggang"></i>
								<a href="news.html">NEWS</a>
								<i class="iconfont icon-henggang"></i>
								<a href="activity.html">EVENT</a>
								<i class="iconfont icon-henggang"></i>
								<a href="connect.html">CONTACT</a>
								<i class="iconfont icon-henggang"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 搜索 -->
			<div class="search-model">
				<div class="container">
					<div class="row">
						<div class="col-sm-10 col-sm-push-2 search-back">
							<p><i class="iconfont icon-jiantou search-close"></i> Return</p>
						</div>
						<div class="col-sm-8 col-sm-push-3 search-input">
							<input type="text" placeholder="Searh anything & hit enter" />
						</div>
					</div>
				</div>
			</div>

		</nav>

		<div class="web">
			<!-- 轮播图 -->
			<section class="carousel-img">
				<!-- 轮播 -->
				<div class="container">
					<div class="row">
						<div class="col-xs-10 col-xs-push-1 col-xs-pull-1">
							<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
								<!-- Wrapper for slides -->
								<div class="carousel-inner" role="listbox">
									<div class="item active">
										<img src="img/activity/activity1.jpg" alt="...">
									</div>
									<div class="item">
										<img src="img/activity/activity1.jpg" alt="...">
									</div>
									<div class="item">
										<img src="img/activity/activity1.jpg" alt="...">
									</div>
								</div>
								<!-- Controls -->
								<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
									<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
									<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
									<span class="sr-only">Next</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- 活动内容 -->
			<section class="activity">
				<div class="container">
					<div class="row">
						<div class="col-xs-8 col-xs-push-2 col-xs-pull-2 activity-text">
							<h4>Brain Dead's Sheds Light on How to Build a Time Honored Brand</h4>
							<p>
								“Sometimes pteople buy into the hype and just keep spoon feeding the world the same shit.”
							</p>
							<p class="hidden-xs hide-text">
								Amidst the countless number of clothing brands that exist today, there is no label quite like the one conjured by Kyle Ng and Ed Davis. Brain Dead is madcap, compelling and glowers att those who don’t stray off the beaten path. The brand would be saturnine in human form albeit soaked in mirth and color due to its bastion of disparate influences. Blurring the lines between highbrow and lowbrow are the duo’s graphic T-shirts that glean cult cinema, old record covers, punk rock, DIY culture and even ’80s sex club aesthetics. The brand may not exactly fit one category, but it will sate your appetite in all of its weird, graphic-led glory.
							</p>
							<p class="visible-xs">
								<u class="show-text">Read MORE...</u>
							</p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-8 col-xs-push-2 col-xs-pull-2 activity-img">
							<img src="img/activity/activity2.jpg" class="img-responsive" />
						</div>
					</div>
					<div class="row">
						<div class="col-xs-8 col-xs-push-2 col-xs-pull-2 activity-text">
							<p>On building a brand:</p>
							<p>
								Creating a brand is like making a movie. You need to build a world that seems real and authentic. You need to create characters, a soundtrack, a visual language, and a strong storyline to your brand. Just like a movie, if the world you create doesn’t capture your attention then it will fail.
							</p>
							<p>
								On Brain Dead’s budding success:
							</p>
							<p class="hidden-xs hide-text">
								Brain Dead has grown in a real organic fashion. I am pleased with the way it’s rolling out. My partner Ed Davis and I created it with the idea that it could be a sandbox where we could create and explore ideas in all facets of culture. I think the fact that we are not trying to go the conventional fashion route, we can capture the attention of some great retailers and customers.
							</p>
							<p class="visible-xs">
								<u class="show-text">Read MORE...</u>
							</p>
						</div>
					</div>
				</div>
			</section>

			<!-- footer -->
			<footer>
				<div class="footer-img">
					<img src="img/activity/activity3.jpg" class="img-responsive" />
				</div>
				<div class="footer-nav">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 col-xs-12 footer-nav-text">
								<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
							</div>
							<div class="col-md-3 col-md-offset-1 col-xs-12 footer-nav-up">
								<i class="iconfont icon-up up"></i>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-model">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 model-left footer-model-left">
								<p>
									Receive the latest Or news and Creativity in our newsletters.
								</p>
								<div class="footer-signup">
									<input type="text" placeholder="Enter your email address" />
									<button>Sign up</button>
								</div>
							</div>
							<div class="col-md-3 col-md-offset-1 model-right footer-model-right">
								<i class="iconfont icon-weibo"></i>
								<i class="iconfont icon-wechat"></i>
								<i class="iconfont icon-baidu2"></i>
								<i class="iconfont icon-camera1"></i>
								<i class="iconfont icon-xiangxia1 down"></i>
							</div>
						</div>
					</div>
				</div>
			</footer>

		</div>
	</body>
	<script src="framework/jquery-2.1.0.js"></script>
	<script src="framework/bootstrap.js"></script>
	<script src="js/common.js"></script>
    <script src="js/set.js"></script>
</html>